*{
	padding: 0;
	margin: 0;
	text-decoration: none;
	list-style: none;
}
html,body{
	width: 100%;
	height: 17.78rem;
	font-family: helvetica, PingFangSC-Medium, sans-serif,"微软雅黑";
}
body{
	font-size: 0;
	overflow: auto;
	position: relative;
	background: url(../images/bg.jpg) no-repeat;
	background-size:100% 100% ;
}
.bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/bg.jpg) no-repeat;
	background-size:100% 100% ;
	z-index: -1;
}
.title {
	width: 100%;
	text-align: center;
	padding-top:0.53rem ;
	padding-bottom: 0.6rem;
	position: relative;
	z-index: 1;
}

.title img{
	width: 4.478rem;
 	height: 1.22rem;
}
.gallery-top{
	width: 100%;
	height: 6.72rem;
}
.gallery-top{
	height: 7.3rem;
	padding-top:0.4rem ;
	margin-bottom: 0.4rem;
}
.gallery-top .swiper-slide{
	width: 4.72rem !important;
	height: 6.72rem;
	box-shadow: 0 0 30px rgba(0,0,0,1);
	color: #red;
	font-size: 20px;
}
.gallery-top .swiper-slide img{
	width: 100%;
	height: 100%;
}
.gallery-top .swiper-slide.swiper-slide-active{
	box-shadow: 0 0 30px rgba(150,136,255,1);
	border: 1px solid rgba(255,255,255,0.5);
	box-sizing: border-box;
}
.gallery-thumbs{
	width: 300%;
}
.cont{
	width: 100%;
	height: 100%;
}
.cont h3{
	color: #fff;
	font-weight: normal;
	font-size: 0.53rem;
	text-align: center;
	margin-bottom: 0.3rem;
}
.cont p{
	font-size: 0.244rem;
	color: #cee1ff;
	text-align: center;
	line-height: 1.5;
}
.cont p.fff{
	width: 90%;
	margin: 0 auto;
	color: #fff;
	text-align: left;
}
.cont p.content{
	width: 90%;
	margin: 0 auto;
	font-size: 0.23rem;
}
@media only screen and (max-width:320px ) {
	body{
		height: 20rem;
	}
}